<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@include file="../../common/includeBaseSet.jsp" %>
<%@include file="../../common/includeSystemSet.jsp" %>
<%@include file="../../common/operation_forbid.jsp" %>
<%@include file="../../common/jsVersion.jsp" %>
<link rel="stylesheet" type="text/css" href="${jypath}/resources/css/reset.css">
<link rel="stylesheet" href="${jypath}/resources/css/style.css">

<div id="maincontent" class="item-detail w954">
    <div class="nav-view margin-bottom-10">
        <a id="detail_1" v-on:click="toDetail('toProjectInfo', 1)" class="btn-nav-default active">分期信息</a>
        <a id="detail_2" v-on:click="toDetail('toSaleView', 2)" class="btn-nav-default">销售情况查看</a>
        <a id="detail_3" v-on:click="toDetail('toStageBrowse', 3)" class="btn-nav-default">分期下各业态导入信息浏览</a>
    </div>
    <div class="action-list margin-bottom-10">
        <a href="#" class="btn-action-primary">设置房型</a>
        <a href="#" class="btn-action-primary">批量修改</a>
        <a href="#" class="btn-action-primary">批量导入</a>
        <a href="#" class="btn-action-primary">推送到PMO</a>
        <a href="#" class="btn-action-secondary">编辑</a>
        <a href="#" class="btn-action-default">返回</a>
     </div>
	 <div id="detail">
		<!-- 页面内容 -->
	 </div>
</div>

<script type="text/javascript">
	var listVue=new Vue({
		el: '#maincontent',
		data: {
			 
		},
		mounted:function(){
			 this.toDetail();
		},
		methods: {
			toDetail:function(type, index) {
				var _self = this;
		    	var params={};
		    	if(type == undefined || type == ""){
		    		type = "toProjectInfo";
		    		index = "1";
		    	}
		    	for(var i = 1; i <= 3; i++){
		    		if(i == index){
		    			$("#detail_"+index).attr("class","btn-nav-default active");
		    		}else{
		    			$("#detail_"+i).attr("class","btn-nav-default");
		    		}
		    	}
		    	var apiUrl = "${jypath}/estate/projectPremises/" + type;
		    	$.post(apiUrl, null, function(data){
					$("#detail").html(data);
				}); 
			} 
		}
	});
</script>